<template>
	 <div id = "app">

             <div style="height:3px;width:720px; margin-top:10px; background-color:rgb(48,48,48);"> </div>
                                   <div style="flex-direction:row;">
                                         <text style="font-size: 30px; color: #41B883;">{{stationItem.time}}</text>  
                                         <text style="font-size: 30px; margin-left: 60px; color: #41B883;">实际值/标准值</text> 
                                         <text style="font-size: 30px; margin-left: 60px; color: #41B883;">单位</text> 
                                   </div> 
              <div style="height:3px;width:720px; margin-top:10px; background-color:rgb(48,48,48);"> </div>
            <list class="list">
                        <cell class="cell"  v-for="item in stationItem.datas">
                              <div style="flex-direction:row;">
                                   <text style="font-size:30px; margin-left: 40px;">{{item.factorName}}</text> 
                                    <text style="font-size:30px; position:absolute; right:350px;">{{item.value}}</text>
                                   <text style="font-size:30px;  position:absolute;  right:300px;">/{{item.limit}}</text>  
                                   <text style="font-size:30px;  position:absolute;  right:100px;">{{item.unit}}</text>
                               </div>  
                        </cell>
              </list>
		        
	 </div>
	 
</template>

<style>
 
</style>

<script>

 
  export default {
          props:
		   [
           'stationItem'
		   ]
  };
</script>
